import type { IContentConfig } from '@/components/PageContent/index.vue'

const contentConfig: IContentConfig = {
	pageName: 'sys:user',
	table: {
		showOverflowTooltip: true
	},
	indexAction: function (params) {
		// console.log("indexAction:", params);
		return Promise.resolve({
			total: 2,
			list: [
				{
					id: 1,
					username: 'tom',
					avatar:
						'https://oss.youlai.tech/youlai-boot/2023/05/16/811270ef31f548af9cffc026dfc3777b.gif',
					percent: 99,
					price: 10,
					url: 'https://www.baidu.com',
					icon: 'el-icon-setting',
					gender: 1,
					status: 1,
					status2: 1,
					sort: 99,
					createTime: 1715647982437
				},
				{
					id: 2,
					username: 'jerry',
					avatar:
						'https://oss.youlai.tech/youlai-boot/2023/05/16/811270ef31f548af9cffc026dfc3777b.gif',
					percent: 88,
					price: 999,
					url: 'https://www.google.com',
					icon: 'el-icon-user',
					gender: 0,
					status: 0,
					status2: 0,
					sort: 0,
					createTime: 1715648977426
				}
			]
		})
	},
	modifyAction(data) {
		console.log('modifyAction:', data)
		return Promise.resolve(null)
	},
	cols: [
		{ type: 'selection', width: 50, align: 'center' },
		{ label: 'ID', align: 'center', prop: 'id', show: false },
		{ label: '用户名', align: 'center', prop: 'username' },
		{ label: '图片', align: 'center', prop: 'avatar', templet: 'image' },
		{
			label: '百分比',
			align: 'center',
			prop: 'percent',
			templet: 'percent'
		},
		{
			label: '价格',
			align: 'center',
			prop: 'price',
			templet: 'price',
			priceFormat: '$'
		},
		{ label: '链接', align: 'center', prop: 'url', width: 180, templet: 'url' },
		{ label: '图标', align: 'center', prop: 'icon', templet: 'icon' },
		{
			label: '列表值',
			align: 'center',
			prop: 'gender',
			templet: 'list',
			selectList: { 0: '女', 1: '男' }
		},
		{
			label: '自定义',
			align: 'center',
			prop: 'status',
			templet: 'custom',
			slotName: 'status'
		},
		{
			label: '状态',
			align: 'center',
			prop: 'status2',
			templet: 'switch',
			activeValue: 1,
			inactiveValue: 0,
			activeText: '启用',
			inactiveText: '禁用'
		},
		{
			label: '排序',
			align: 'center',
			prop: 'sort',
			templet: 'input',
			inputType: 'number'
		},
		{
			label: '创建时间',
			align: 'center',
			prop: 'createTime',
			minWidth: 120,
			templet: 'date',
			dateFormat: 'YYYY/MM/DD HH:mm:ss'
		},
		{
			label: '操作',
			align: 'center',
			fixed: 'right',
			width: 150,
			templet: 'tool',
			operat: ['edit', 'delete']
		}
	]
}

export default contentConfig
